<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
	<meta name="description" content="蜂媒介-社会化媒体策略专家平台"/>
	<meta name="keywords" content="蜂媒介-社会化媒体策略专家平台"/>
	<meta name="author" content="name, sycbbb@sina.com"/>
	<meta name="robots" content="index,follow"/>
	<title>蜂媒介-社会化媒体策略专家平台</title>
	<link rel="stylesheet" href="styles/index.css">
	<link rel="stylesheet" href="styles/swiper-3.4.0.min.css">
</head>
<body>
<!-- header begin -->
<div class="header">
    <div class="w">
    	<div class="logo"><a href="index.html"><img src="images/logo.png" alt=""></a></div>
    	<div class="nav">
    		<ul>
    			<li class="active"><a href="video.html">直播/短视频</a></li>
    			<li><a href="WeChat_promotion.html">微信推广</a></li>
    			<li><a href="microblog.html">微博红人</a></li>
    			<li><a href="advertorial.html">软文发稿</a></li>
    			<li><a href="specialist.html">媒介专家</a></li>
    			<li><a href="wasp.html">蜂效应</a></li>
    			<li><a href="about.html">关于我们</a></li>                   
    		</ul>
    	</div>
    </div>
</div>
<!-- header end -->
<!-- container begin -->
<div class="container">
    <!-- banner begin -->
	<div class="banner">
	    <div class="swiper-container">
		    <div class="swiper-wrapper">
			    <div class="swiper-slide"><img height="450" src="images/banner01.jpg" alt=""></div>
			    <div class="swiper-slide"><img height="450" src="images/banner01.jpg" alt=""></div>
			    <div class="swiper-slide"><img height="450" src="images/banner01.jpg" alt=""></div>
		    </div>
		</div>
		<div class="login w">
			<div class="login-container">
				<ul>
					<li class="active">广告主登录</li>
					<li>媒介主登录</li>
					<div class="line"></div>
				</ul>
				<div class="login-list">
					<form class="form" style="display:block;">
						<div class="name input-list">
						    <i></i>
							<input type="text" placeholder="输入账号">
						</div>
						<div class="password input-list">
						    <i></i>
							<input type="text" placeholder="输入密码">
						</div>
						<div class="error-prompt">
							<p>请输入帐号</p>
						</div>
						<div class="btn">
							<a href="" class="login-btn">登陆</a>
							<a href="" class="register-btn">免费注册</a>
						</div>
						<div class="forget-password">
							<span><input type="checkbox">记住我</span>
							<a href="">忘记密码</a>
						</div>
						<div class="third-party">
							<a class="Wechat" href=""></a>
							<a class="microblog" href=""></a>
							<a class="qq" href=""></a>
						</div> 
					</form>
					<form class="form">
						<div class="name input-list">
						    <i></i>
							<input type="text" placeholder="输入账号">
						</div>
						<div class="password input-list">
						    <i></i>
							<input type="text" placeholder="输入密码">
						</div>
						<div class="btn">
							<a href="" class="login-btn">登陆</a>
							<a href="" class="register-btn">免费注册</a>
						</div>
						<div class="forget-password">
							<span><input type="checkbox">记住我</span>
							<a href="">忘记密码</a>
						</div>
						<div class="third-party">
							<a class="Wechat" href=""></a>
							<a class="microblog" href=""></a>
							<a class="qq" href=""></a>
						</div> 
					</form>
					<!-- 登录后 begin -->
					<!--   <div class="login-success">
					      <div class="img">
					      	 <img src="images/head_icon.jpg" alt="">
					      </div>
					      <p>欢迎您，13719236677</p>
					  	  <a href="">进入广告主平台</a>
					  </div> -->
					<!-- 登录后 end -->
				</div>
			</div>
		</div>
	</div>
	<!-- banner end -->	
	<!-- 网红直播  begin -->
	<div class="video-page">
	    <div class="w">
	    	<div class="title video-title">
				<h3><i></i>网红直播</h3>
				<p>依托海量优质流量资源，为广告主提供跨平台、跨终端的媒体投放策略，并利用大数据处理算法实现成本可控、效果可观、一键定投</p>
			</div>
	    </div>	
	    <div class="video-container">
			<ul class="video-nav">
	    		<li class="active">全部</li>
	    		<li>原创</li>
	    		<li>互联网</li>
	    		<li>时尚</li>
	    		<li>娱乐</li>
	    		<li>音乐</li>
	    		<li>美食</li>
	    		<li>美容</li>
	    		<li>服装</li>                                                                  
	    	</ul>
	    	<div class="w video-all">
	    		<div class="video-list" style="display:block;"> 
	    		    <div class="v-img-name">
		    		  	<div class="left">
		    		  		<img src="images/live01.jpg" alt="">
		    		  		<i></i>
		    		  	</div>
		    		  	<div class="right">
		    		  		<h3>南笙</h3>
		    		  		<p>平均播放量：<strong>196W</strong></p> 
	                        <p>粉丝数：<strong>74W</strong></p>
	                        <a href="">查看报价</a>
		    		  	</div>
	    		    </div>
	    		    <div class="v-img-name">
		    		  	<div class="left">
		    		  		<img src="images/live01.jpg" alt="">
		    		  		<i></i>
		    		  	</div>
		    		  	<div class="right">
		    		  		<h3>南笙</h3>
		    		  		<p>平均播放量：<strong>196W</strong></p> 
	                        <p>粉丝数：<strong>74W</strong></p>
	                        <a href="">查看报价</a>
		    		  	</div>
	    		    </div>
	    		    <div class="v-img-name-b">
	    		        <div class="left">
		    		  		<h3>南笙</h3>
		    		  		<p>平均播放量：<strong>196W</strong></p> 
	                        <p>粉丝数：<strong>74W</strong></p>
	                        <a href="">查看报价</a>
		    		  	</div>
		    		  	<div class="right">
		    		  		<img src="images/live01.jpg" alt="">
		    		  		<i></i>
		    		  	</div>	
	    		    </div>
	    		    <a href="" class="v-more"></a>
	    		    <div class="v-img-name-b">
		    		  	<div class="left">
		    		  		<h3>南笙</h3>
		    		  		<p>平均播放量：<strong>196W</strong></p> 
	                        <p>粉丝数：<strong>74W</strong></p>
	                        <a href="">查看报价</a>
		    		  	</div>
		    		  	<div class="right">
		    		  		<img src="images/live01.jpg" alt="">
		    		  		<i></i>
		    		  	</div>	
	    		    </div>
	    		</div>
	    		<div class="video-list">100</div>
	    		<div class="video-list">200</div>
	    		<div class="video-list">300</div>
	    		<div class="video-list">400</div>
	    		<div class="video-list">500</div>
	    		<div class="video-list">600</div>
	    		<div class="video-list">700</div>
	    	</div>
		</div>
	</div>
	<!-- 网红直播  end -->
	<!-- 短视频  begin -->
	<div class="video-page">
	    <div class="w">
	    	<div class="title video-title1">
				<h3><i></i>短视频</h3>
				<p>依托海量优质流量资源，为广告主提供跨平台、跨终端的媒体投放策略，并利用大数据处理算法实现成本可控、效果可观、一键定投</p>
			</div>
	    </div>	
	    <div class="video-container">
			<ul class="video-nav1">
	    		<li class="active">全部</li>
	    		<li>原创</li>
	    		<li>互联网</li>
	    		<li>时尚</li>
	    		<li>娱乐</li>
	    		<li>音乐</li>
	    		<li>美食</li>
	    		<li>美容</li>
	    		<li>服装</li>                                                                  
	    	</ul>
	    	<div class="w video-all1">
	    		<div class="video-list1" style="display:block;"> 
	    		    <div class="v-img-name">
		    		  	<div class="left">
		    		  		<img src="images/live01.jpg" alt="">
		    		  		<i></i>
		    		  	</div>
		    		  	<div class="right">
		    		  		<h3>南笙</h3>
		    		  		<p>平均播放量：<strong>196W</strong></p> 
	                        <p>粉丝数：<strong>74W</strong></p>
	                        <a href="">查看报价</a>
		    		  	</div>
	    		    </div>
	    		    <div class="v-img-name">
		    		  	<div class="left">
		    		  		<img src="images/live01.jpg" alt="">
		    		  		<i></i>
		    		  	</div>
		    		  	<div class="right">
		    		  		<h3>南笙</h3>
		    		  		<p>平均播放量：<strong>196W</strong></p> 
	                        <p>粉丝数：<strong>74W</strong></p>
	                        <a href="">查看报价</a>
		    		  	</div>
	    		    </div>
	    		    <a href="" class="v-more"></a>
	    		    <div class="v-img-name-b">
	    		        <div class="left">
		    		  		<h3>南笙</h3>
		    		  		<p>平均播放量：<strong>196W</strong></p> 
	                        <p>粉丝数：<strong>74W</strong></p>
	                        <a href="">查看报价</a>
		    		  	</div>
		    		  	<div class="right">
		    		  		<img src="images/live01.jpg" alt="">
		    		  		<i></i>
		    		  	</div>	
	    		    </div>
	    		    <div class="v-img-name-b b-right">
		    		  	<div class="left">
		    		  		<h3>南笙</h3>
		    		  		<p>平均播放量：<strong>196W</strong></p> 
	                        <p>粉丝数：<strong>74W</strong></p>
	                        <a href="">查看报价</a>
		    		  	</div>
		    		  	<div class="right">
		    		  		<img src="images/live01.jpg" alt="">
		    		  		<i></i>
		    		  	</div>	
	    		    </div>
	    		</div>
	    		<div class="video-list1">100</div>
	    		<div class="video-list1">200</div>
	    		<div class="video-list1">300</div>
	    		<div class="video-list1">400</div>
	    		<div class="video-list1">500</div>
	    		<div class="video-list1">600</div>
	    		<div class="video-list1">700</div>
	    	</div>
		</div>
	</div>
	<!-- 短视频  end -->
	 <!-- 蜂指数微信榜单 begin -->
    <div class="bee-index bee-index-video">
    	<div class="w">
	    	<div class="title bee-index-title">
				<h3><i></i>蜂指数微信榜单</h3>
				<div class="time">
					<div class="date">时间<span>2016年第34周1009-1015<em></em></span></div>
					<div class="territory">领域<a href="javascript:;">不限<em></em></a></div>
					<div class="search"><input type="text"><button></button></div>
				</div>
			</div>
			<table>
				<thead>
				    <tr>
				    	<th>排名</th>
						<th>头像</th>
						<th>昵称</th>
						<th>领域</th>
						<th>传播力</th>
						<th>影响力</th>
						<th>蜂指数BOCI</th>
				    </tr>
				</thead>
				<tbody>
					<tr>
						<td>1</td>
						<td>
						   <img src="images/head_icon.jpg" alt="">
						</td>
						<td>搞笑/段子手</td>
						<td>882.99</td>
						<td>431.05</td>
						<td>451.93 </td>
						<td>180万+</td>
					</tr>
					<tr>
						<td>2</td>
						<td>
						   <img src="images/head_icon.jpg" alt="">
						</td>
						<td>搞笑/段子手</td>
						<td>882.99</td>
						<td>431.05</td>
						<td>451.93 </td>
						<td>180万+</td>
					</tr>
					<tr>
						<td>3</td>
						<td>
						   <img src="images/head_icon.jpg" alt="">
						</td>
						<td>搞笑/段子手</td>
						<td>882.99</td>
						<td>431.05</td>
						<td>451.93 </td>
						<td>180万+</td>
					</tr>
					<tr>
						<td>4</td>
						<td>
						   <img src="images/head_icon.jpg" alt="">
						</td>
						<td>搞笑/段子手</td>
						<td>882.99</td>
						<td>431.05</td>
						<td>451.93 </td>
						<td>180万+</td>
					</tr>
					<tr>
						<td>5</td>
						<td>
						   <img src="images/head_icon.jpg" alt="">
						</td>
						<td>搞笑/段子手</td>
						<td>882.99</td>
						<td>431.05</td>
						<td>451.93 </td>
						<td>180万+</td>
					</tr>
				</tbody>
			</table>
	    </div>	
    </div>
    <!-- 蜂指数微信榜单 end -->
     <!-- 微信成功案例 begin -->
    <div class="v-success">
	    <div class="w">
	    	<div class="title v-success-title">
				<h3><i></i>成功案例</h3>
				<p></p>
			</div>
			<div class="v-success-container">
				<ul class="v-success-nav">
		    		<li class="active">网红</li>
		    		<li>名人</li>
		    		<li>时尚</li>
		    		<li>娱乐</li>
		    		<li>音乐</li>
		    		<li>美食</li>
		    		<li>美容</li>
		    		<li>服装</li>
		    		<li>家居</li>
		    	</ul>
		    	<div class="v-success-all">
		    		<div class="v-success-list" style="display:block;">
                       <div class="v-it">
                          <div class="img">
                          	  <img src="images/it1.jpg" alt="">
                          	  <div class="con">
                          	  	 <i></i>
                          	     <a href="">去看看</a>
                          	  </div>
                          </div>
                       	  <div class="content">
                       	  	  <h3>美女柳岩力推的红糖姜茶，引众多粉丝关注</h3>
                       	  	  <div class="content-text ct-one">
                       	  	  	  <h4>案例亮点</h4>
	                       	       <p>明星直接推荐，强化口碑；用短视频的形式演绎传统的广告，效果事半功倍。星直接推荐，强化口碑星直接推荐，强化口碑；用短视频明星直接推荐，强化口碑；用短视频的形式演绎传统的广告，效果事半功倍。星直接推荐，强化口碑星直接推荐，强化口碑；用短视频</p>
                       	  	  </div>
	                       	  <div class="content-text ct-two">
	                       	  	    <h4>适合此玩法的产品</h4>
	                       	        <p>食品、快消品、美妆等</p>
	                       	  </div>
	                       	  <div class="content-text ct-two">
	                       	  		<h4>玩法举例</h4>
	                       	        <p>@柳岩 爱尚美红糖姜茶</p>
	                       	  </div>
	                      </div>
                       </div>
                       <div class="v-it">
                          <div class="img">
                          	  <img src="images/it1.jpg" alt="">
                          	  <div class="con">
                          	  	 <i></i>
                          	     <a href="">去看看</a>
                          	  </div>
                          </div>
                       	  <div class="content">
                       	  	  <h3>美女柳岩力推的红糖姜茶，引众多粉丝关注</h3>
                       	  	  <div class="content-text ct-one">
                       	  	  	  <h4>案例亮点</h4>
	                       	       <p>明星直接推荐，强化口碑；用短视频的形式演绎传统的广告，效果事半功倍。星直接推荐，强化口碑星直接推荐，强化口碑；用短视频明星直接推荐，强化口碑；用短视频的形式演绎传统的广告，效果事半功倍。星直接推荐，强化口碑星直接推荐，强化口碑；用短视频</p>
                       	  	  </div>
	                       	  <div class="content-text ct-two">
	                       	  	    <h4>适合此玩法的产品</h4>
	                       	        <p>食品、快消品、美妆等</p>
	                       	  </div>
	                       	  <div class="content-text ct-two">
	                       	  		<h4>玩法举例</h4>
	                       	        <p>@柳岩 爱尚美红糖姜茶</p>
	                       	  </div>
	                      </div>
                       </div>
                       <div class="v-it">
                          <div class="img">
                          	  <img src="images/it1.jpg" alt="">
                          	  <div class="con">
                          	  	 <i></i>
                          	     <a href="">去看看</a>
                          	  </div>
                          </div>
                       	  <div class="content">
                       	  	  <h3>美女柳岩力推的红糖姜茶，引众多粉丝关注</h3>
                       	  	  <div class="content-text ct-one">
                       	  	  	  <h4>案例亮点</h4>
	                       	       <p>明星直接推荐，强化口碑；用短视频的形式演绎传统的广告，效果事半功倍。星直接推荐，强化口碑星直接推荐，强化口碑；用短视频明星直接推荐，强化口碑；用短视频的形式演绎传统的广告，效果事半功倍。星直接推荐，强化口碑星直接推荐，强化口碑；用短视频</p>
                       	  	  </div>
	                       	  <div class="content-text ct-two">
	                       	  	    <h4>适合此玩法的产品</h4>
	                       	        <p>食品、快消品、美妆等</p>
	                       	  </div>
	                       	  <div class="content-text ct-two">
	                       	  		<h4>玩法举例</h4>
	                       	        <p>@柳岩 爱尚美红糖姜茶</p>
	                       	  </div>
	                      </div>
                       </div>
                       <a class="a" href="">更多>></a>
		    		</div>
		    		<div class="v-success-list">100</div>
		    		<div class="v-success-list">200</div>
		    		<div class="v-success-list">300</div>
		    		<div class="v-success-list">400</div>
		    		<div class="v-success-list">500</div>
		    		<div class="v-success-list">600</div>
		    		<div class="v-success-list">700</div>
		    	</div>
			</div>
	    </div>	
	</div>
    <!-- 微信成功案例 end -->
</div>
<!-- container end -->
<!-- footer begin -->
<div class="footer">
	<div class="w">
		<div class="footer-top">
			<img src="images/er.jpg" alt="">
			<div class="right">
				<dl>
					<dt>友情链接:</dt>
					<dd><a href="">友情链接1</a></dd>
					<dd><a href="">友情链接1</a></dd>
					<dd><a href="">友情链接1</a></dd>
					<dd><a href="">友情链接1</a></dd>
					<dd><a href="">友情链接1</a></dd>
					<dd><a href="">友情链接1</a></dd>
				</dl>
				<ul>
					<li><a href="">关于我们</a></li>
					<li><a href="">联系我们</a></li>
					<li><a href="">加入我们</a></li>
					<li><a href="">欢迎合作</a></li>
					<li><a href="">服务条款</a></li>
					<li><a href="">隐私声明</a></li>
					<li><a href="">投诉建议</a></li>
				</ul>
			</div>
		</div>
		<div class="footer-bottom">
			<p>Copyright ©2016 城外圈：一站式智能营销平台 广东天展网络科技有限公司 版权所有粤ICP备11015542号</p>
			<a href=""><img src="images/b.jpg" alt=""></a>
			<a href=""><img src="images/b.jpg" alt=""></a>
			<a href=""><img src="images/b.jpg" alt=""></a>
			<a href=""><img src="images/b.jpg" alt=""></a>
		</div>
	</div>
</div>
<!-- footer end -->
<!-- backtop begin -->
<div class="back-top">
    <div class="qq">
    	<a href="#"></a>
    	<div class="list">
    		<ul>
    			<li class="on"><i></i><a href="">在线咨询</a></li>
    			<li><i></i><a href="">在线咨询</a></li>
    			<li class="on"><i></i><a href="">在线咨询</a></li>
    		</ul>
    	</div>
    </div>
	<div class="top">
		<a href="javascript:;"></a>
	</div>
</div>
<!-- backtop end -->
<!-- script begin -->
<script src="scripts/lib/jquery-1.8.3.min.js"></script>
<script src="scripts/lib/swiper-3.4.0.jquery.min.js"></script>
<script src="scripts/index.js"></script>
<script>
  //滚动
    $(window).scroll(function(){
    	 if($("body").scrollTop()==0){
    	 	$(".header").removeClass("headerActive");
    	 }else if($("body").scrollTop()>0){
    	 	$(".header").addClass("headerActive");
    	 }    
    });
	//icon-list  图标列表
    $(".icon-list .list-text").bind("mousemove",function(){
        $(this).addClass("active").siblings().removeClass("active");
    }); 
    //网红直播
     $(".video-nav li").bind("mousemove",function(){
        $(this).addClass("active").siblings().removeClass("active");
        $(".video-all .video-list").eq($(this).index()).show().siblings().hide();   
    });
    $(".v-img-name").bind("mousemove",function(){
        $(this).addClass("active").siblings().removeClass("active");
    });
    $(".v-img-name-b").bind("mousemove",function(){
        $(this).addClass("active").siblings().removeClass("active");
    });
    //短视频
    $(".video-nav1 li").bind("mousemove",function(){
        $(this).addClass("active").siblings().removeClass("active");
        $(".video-all1 .video-list1").eq($(this).index()).show().siblings().hide();   
    });
    //v-微信成功案例
    $(".v-success-nav li").bind("mousemove",function(){
        $(this).addClass("active").siblings().removeClass("active");
        $(".v-success-all .v-success-list").eq($(this).index()).show().siblings().hide();   
    }); 
    $(".v-it").bind("mousemove",function(){
        $(this).addClass("active").siblings().removeClass("active");
    });
    $(".v-it").bind("mousemove",function(){
        $(this).addClass("active").siblings().removeClass("active");
    });
</script>
<!-- script end -->
</body>
</html>